<template>
  <div class="echarts-card">
    <div class="echarts-header">
      <span>卡片的头部标题</span>
    </div>
    <div class="item">
      <slot></slot>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
.echarts-card {
  background-color: var(--el--page--search--bg--);
  margin-top: 10px;
  box-shadow: 0 0 8px #a9a9a9;
}
.echarts-header {
  padding: 15px 0 15px 15px;
  border-bottom: 1px solid #efefef;
  span {
    font-size: 14px;
  }
}
.item {
  padding-top: 15px;
}
</style>
